<template>
  <div class="warm-tips">
    <h3 class="fs16">温馨提示</h3>
    <ul class="mt10">
      <template v-for="(item, index) in items">
        <li>{{item}}</li> 
      </template>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'warm-tips',
  componentName: 'warm-tips',
  props: {
    items: {
      type: Array
    }
  }
}
</script>

<style>
.warm-tips{
  padding: 30px;
  border-top:1px solid #cbcbc9;
}
.warm-tips li{
  color: #4c4c4c;
  font-size: 12px;
  line-height: 12px;
  padding-bottom: 10px;
}
.warm-tips li:last-child{
  padding-bottom: 0px;
}
</style>
